<!DOCTYPE html>
<html lang=</li>en</li>>

<head>
    <meta charset=</li>UTF-8</li>>
    <meta http-equiv=</li>X-UA-Compatible</li> content=</li>IE=edge</li>>
    <meta name=</li>viewport</li> content=</li>width=device-width, initial-scale=1.0</li>>
    <title>新的input的type属性</title>
</head>

<body>
    <h1>新的input的type属性</h1>
    <ul>
        <li>date：日期（重点）</li>
        <li>search：搜索框，手机操作的时候，回车变为搜索两字（重点）</li>
        <li>email：会自动校验填写的内容必须是email格式（会校验）（重点）</li>
        <li>url：填写url（会校验）</li>
        <li>number：只能填写数字，手机上会弹出数字键盘（会校验）（重点）</li>
        <li>tel：不会校验输入的内容，但是手机上会弹出数字键盘（重点）</li>
        <li>range：滑动框，滑动选择数字</li>
        <li>color：颜色选择器</li>
        <li>time：时间填写框</li>
        <li>month：月份填写框</li>
        <li>week：周填写框</li>
    </ul>
    <div>
        <form action="#">
            日期：<input type="date" name="date" /><br />
            搜索：<input type="search" name="search" /><br />
            邮箱：<input type="email" name="email" /><br />
            url：<input type="url" name="url" /><br />
            数值：<input type="number" name="number" /><br />
            电话：<input type="tel" name="tel" /><br />
            滑动框：<input type="range" name="range" min="1" max="11" step="2" /><br />
            颜色：<input type="color" name="color" /><br />
            时间：<input type="time" name="time" /><br />
            月份：<input type="month" name="month" /><br />
            周：<input type="week" name="week" /><br />
            <input type="submit" value="提交"/>
        </form>
    </div>
</body>

</html>